import Empty from "./img/empty.png";

export const MciEmpty = defineComponent({
  name: "MciEmpty",
  props: {
    // 提示文本
    tipText: {
      type: String,
      default: "暂无数据",
    },
    // 文本颜色
    color: {
      type: String,
      default: "var(--color-grey-6)",
    },
  },
  render() {
    return (
      <div class="Mci-empty flex items-center justify-center">
        <div class="text-center" style={{ color: this.color }}>
          <img class="w-200 h-200" src={Empty} alt="" />
          <p class="text-14 clr-text-2">{this.tipText}</p>
        </div>
      </div>
    );
  },
});
